import styled from 'styled-components'


export const MineComponent = styled.div`
  background:#f9f9f9;
  font-size:.14rem;
  
  // 账户-竞拍-关于
  ul{
    margin-top:.22rem;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    li{
      height:.44rem;
      line-height:.44rem;
      a{
        display:flex;
        align-items:center;
        text-decoration:none;
        font-size:.16rem;        
        color:#000;
        width:100%;
        &>i{
          display:inline-block;
          margin-left:.1rem;
          margin-right:.1rem;
          height:.31rem;
          width:.359rem;
          background: url(https://m.secoo.com/images/tow_icon.png) no-repeat;
          background-size: 1.4rem 2.1rem;
        }
        &>p{
          display:flex;
          justify-content:space-between;
          width:100%;
          border-bottom: 1px solid #ccc;
          i{
            background: url(https://m.secoo.com/images/tow_icon.png) no-repeat;
            background-size: 1.40rem 2.10rem;
            background-position: -.35rem -.75rem;
            display: inline-block;
            margin-right: .1rem;
            height: .22rem;
            width: .22rem;
          }
        }
        .icon-1{
          background-position:-.73rem -.03rem;
        }
        .icon-2{
          background-position:-.73rem -.38rem;
        }
        .icon-3{
          
          background-position:-1.08rem -.03rem;
        }
        .icon-4{
          background:url(https://m.secoo.com/images/auction-icon.png) no-repeat;
          background-size: .30rem;
        }
        .icon-5{
          background:url(https://m.secoo.com/images/auction-coupon-icon.png)no-repeat;
          background-size: .30rem;
        }
        .icon-6{
          background-position:-.73rem -1.08rem;
        }
        .icon-7{
          background-position:-.73rem -1.08rem;
        }
        .icon-8{
          background-position:-.73rem -1.08rem;
        }
        .icon-9{
          background:url(https://m.secoo.com/images/zxkf.png)no-repeat;
          background-size: .30rem;
        }
        .icon-10{
          background-position:-.73rem -1.43rem;
        }
        .icon-11{
          background:url(https://m.secoo.com/images/over-sea-icon.png) no-repeat;
          background-size: .30rem;
        }
        
      }
    }
  }
  // footer部分
  .footer{
    display:flex;
    margin-top:.2rem;
    border-top: 1px solid #ddd;
    width: 100%;
    height:.75rem;
    padding: 0 10px 10px;
    font-size: 12px;
    div{
      background:#fff;
      height:100%;
      width:1.15rem;
      display:flex;
      align-items:center;
      justify-content:center;
      border: 1px solid #ddd;
      margin: .1rem .05rem 0 0;
    }
    a{
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      color: #797979;
      width:100%;
      height:100%;
      i{
        display:block;
        width:.32rem;
        height:.32rem;
        background:url(https://m.secoo.com/images/indexIcon.png) no-repeat;
        background-size: 2.15rem 2.78rem;
      }
      span{
        display:block;
        margin-top:.05rem;
      }
      .foot-icon-1{
        width: 32px;
        background-position: -.07rem -2.25rem;
      }
      .foot-icon-2{
        width: 23px;
        background-position: -1.21rem -1.21rem;
      }
      .foot-icon-3{
        width: 28px;
        background-position: -1.73rem -1.23rem;
      }
    }
  }
      .footer-title{

        font-size: 14px;
        width: 100%;
        text-align: center;
        margin-top: .15rem;
        height: 60px;
      }
`
// // 登录页面
// export const LoginComponent = styled.div`
// // &>div{
// //   width:100%
// // }
// background:#fff;
// width:100%;

// button{
//   margin-top:.08rem;
//   margin:.08rem auto;
//   display:block;
//   height:.4rem;
//   width:90%;
//   background:#000;
//   border-radius:.03rem;
//   color:#fff;
//   text-align:center;
//   line-height:.4rem;
// }
// .footer{
  
//   position:fixed;
//   bottom:0;
//   width:100%;
//   height:.3rem;
//   line-height:.3rem;
//   text-align: center;
//   color: #888;
//   background: #f5f5f5;
//   font-size:.12rem;
//   a{
//    text-decoration: underline;
//     color:#000;
//   }
// }
// `
// //用户名登录
// export const UserLoginComponent = styled.div`
// font-size:.14rem;
// background:#fff;
// width:100%;
// padding-top:1.1rem;
// // display:flex;
// // justify-content:center;
// .login-from{

//   position:relative;
// }
// .am-list-item.am-input-item{
//   height:.6rem;
//   display:flex;
//   justify-content:flex-end;
// }
// img{
//   position:absolute;
//   bottom:.05rem;
//   right:.05rem;
//   height:20%;
//   width:20%;
// }
// .change{

//   margin:0 auto;
//   display:flex;
//   width:90%;
//   justify-content: space-between;
//   align-items:center;
//   height:.3rem;
//   // font-size:.3rem
// }
// .shot-message{
//   color:#bea474;
  
// }
// `
//手机登录
// export const amBottomBorder = border({
//   component: styled.div`
//     width: 100%;
//     height: .48rem;
//     background: white;
//   `,
//   width: '1px 0 0 0',
//   style: 'solid',
//   color: '#d8d8d8',
//   radius: 0,
// })

// export const PhoneLoginConponent = styled.div`
// background:#fff;
// width:100%;
// padding-top:1.7rem;
// font-size:.14rem!important;
// // display:flex;
// // justify-content:center;
// .none{
//   display:none!important;
// }
// .login-from{

//   position:relative;
// }
// .am-list-item.am-input-item{
//   height:.6rem;
//   display:flex;
//   justify-content:flex-end;
// }
// img{
//   position:absolute;
//   bottom:.05rem;
//   right:.05rem;
// }
// .change{
  
//   margin:0 auto;
//   display:flex;
//   width:90%;
//   justify-content: space-between;
//   align-items:center;
//   height:.3rem;
//   // font-size:.3rem
// }
// .shot-message{
//   color:#bea474;
// }
// `
// //注册页面
// export const RegisterComponent = styled.div`
  
// `